@charset "UTF-8";
#switch{
font-size :25px;
border-right : 5px solid black;
border-bottom: 5px solid black;
border-radius :15px;
}
.contains{
	width :600px;
	height :650px;
	box-sizing :border-box;
	position :absolute;
	top :3%;
	left :30%;
	border : 5px solid black;
	border-radius :15px;
	transition :ALL 1s;	
	background:#ffffff;
}
.content{
	position:absolute;
	padding:10px;
	width:500px;
	height:450px;
	
	top:10%;
	left:8%;
}
.camera_content{
	display:none;
	position:absolute;
	top:25%;
	left:18%;
	width:300px;
	height:225px;
	border : 5px solid black;
	border-radius :15px;
}
.face{
	position:absolute;
	top:0%;
	right:0%;
	width:50px;
	height:50px;
	border : 5px solid black;
	border-radius :15px;
}
input{
	outline :none;
}
ul{
     list-style-type :none;
     position :absoulute;
     left :0%;
     top :50%;
}
p{
	margin-top :70px;
	
	font-size :25px;
}
.icon{
	font-size :25px;
	position:absolute;
	left:10%;
}
.text_style{
	border :3px solid black;
	border-radius :15px 5px 5px 15px;
	position :absolute;
	right :40px;
	height :45px;
	width :250px;
	font-size :20px;
	transition :0.75s;
	cursor:url("../cur/bitbug_favicon_1.ico"),text;
}
.button {
	position :absolute;
	cursor:url("../cur/bitbug_favicon_1.ico"),default;
	height :60px;
	width :60%;
	left :20%;
	border-radius :20px;
	border :3px solid rgb(192, 192, 192);

	
	display :inline-block;
	cursor :pointer;
	font-size :20px;
	text-align:center;
	word-spacing:120px;
	 
}
#draggable{
	position :absolute;
	bottom :-5%;
	height :50px;
	width :100%;

}
#capture{
	top:105%;
	position:absolute;
	border-radius :20px;
	font-size :20px;
	display :inline-block;
}
.button:active,#face:active{
	background: rgb(255, 128, 128) ;
	box-shadow :0 5px #d7d1be;
	color: #000000;
	
}
.button:hover,#capture:hover,#face:hover{
	cursor:url("../cur/bitbug_favicon_1.ico"),default;
	background: #000000 ;
	color:#ffffff;
}

.button:focus,#capture:focus,#face:focus{
	outline :none;
	background: #ff8080 ;
}


.contains:hover{
	transition :0.5s;
	animation :anime_1 12s;
	animation-iteration-count:infinite;
	cursor:url("../cur/bitbug_favicon.ico"),auto;
}
input:focus{	
	box-shadow :0 5px #d7d1be;
}
input:hover::placeholder{
	color: rgba(0,0,0,0);
	transition :0.75s;
}
#background{
	height:1980px;
	width:1600px;
	background:rgb(243, 243, 245);	
	position:fixed;
	z-index:-1;
}
body{
 	cursor:url("../cur/bitbug_favicon.ico"),default;
	cursor:url("../cur/bitbug_favicon.ico"),auto;
 }